<template>
  <div class="demo">
    <div class="demo-title">垂直间距</div>
    <div class="demo-content">
      <Space direction="vertical">
        <Card title="Card" style="width: 300px">
          <p>Card content</p>
          <p>Card content</p>
        </Card>
        <Card title="Card" style="width: 300px">
          <p>Card content</p>
          <p>Card content</p>
        </Card>
      </Space>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import Card from '@sscd/card';
  import Space from '@sscd/space';
</script>
